<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // let / const 
        //   块级作用域   --- let实现选项卡

        // 模板字符串  ``

        // ...  展开运算符 

        // 解构


        // 对象的简写

        var name = 'cc' ;
        var age = 18 ;

        // var obj = {
        //     name :name ,
        //     age : age 
        // }

        var obj = {
            name , 
            age 
        }


        var data = {
            status : true ,
            msg : '数据请求成功' ,
            list : [1,2,3]
        }

        // console.log(data.list);

        const {
            status , 
            msg , 
            list
        } = data ;

        console.log(list);


        var arr = [1,2,3] ;
        var arr2 = [...arr , 4] ;
        var obj = {a:1 , b:2} ;
        var obj2 = {...obj} ;

        // 箭头函数中没有arguments  
        function he () {
            var sum = 0 ; 
            for(var i = 0 ; i < arguments.length ; i++) {
                sum += arguments[i]
            }
            console.log(sum);
        }


        he(1,2,3,5);


        const f = (...arg) => {
            console.log(arg);
        }

        f(1,2,3)




        

        for (let i = 0; i < 10; i++) {
            setTimeout(() => {
                console.log(i);   // 0-9
            }, 100)
        }

        // console.log(i);  // 报错



        // {
        //     let i = 0 ;
        //     setTimeout(() => {
        //         console.log(i);
        //     } , 100)
        // }


        // {
        //     let i = 1 ;
        //     setTimeout(() => {
        //         console.log(i);
        //     } , 100)
        // }


        // {
        //     let i = 2 ;
        //     setTimeout(() => {
        //         console.log(i);
        //     } , 100)
        // }



        // var i = 0;

        // setTimeout(() => {
        //     console.log(i);
        // }, 100)

        // i = 1 ;

        // setTimeout(() => {
        //     console.log(i);
        // }, 100)

        // i = 2 ;

        // setTimeout(() => {
        //     console.log(i);
        // }, 100)

        // i = 10  

    </script>
    
</body>
</html>